﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 5.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Binary Tree</title>
    <style type="text/css">
        .button
        {
            width: 142px;
            margin-top: 3px;
        }
    </style>
</head>
<body>
    <div style="float: left">
        <canvas id="canvasBinaryTree" width="1000px" height="680px" style="border: 4px solid black">
        </canvas>
    </div>
    <div style="float: left; padding-left:10px">
        <input type="text" id="inputValue" /><br />
        <input type="button" value="Add Node" class="button" onclick="Add()" /><br />
        <input type="button" value="Reverse" class="button" onclick="Reverse()" />
    </div>
    <script type="text/javascript" src="BTree.js"></script>
    <script type="text/javascript" src="DrawTree.js"></script>
</body>
</html>
